<script src="../resources/js-test.js"></script>
<script src="../resources/accessibility-helper.js"></script>
<div id="container">
<table width="50%" border="1">
  <caption>
    scope test
  </caption>
  <tr>
    <th scope="col">col head</th>
    <th scope="row">row head</th>
    <th>col head</th>
  </tr>
  <tr>
    <th scope="col">col head</th>
    <td scope="row">data</td>
    <th>row head</th>
  </tr>
  <tr>
    <th>row head</th>
    <td>data</td>
    <th scope="col">col head</th>
  </tr>
</table>
<table width="50%" border="1">
  <caption>
    row header and column header (1)
  </caption>
  <tr>
    <td>data</td>
    <th>row head</th>
    <th>row head</th>
  </tr>
  <tr>
    <th>row head</th>
    <th>row head</th>
    <td>data</td>
  </tr>
  <tr>
    <th>row head</th>
    <td>data</td>
    <th>row head</th>
  </tr>
</table>
<table width="50%" border="1">
  <caption>
    row header and column header (2)
  </caption>
  <tr>
    <th>row head</th>
    <td>data</td>
    <td>data</td>
  </tr>
  <tr>
    <th>column head</th>
    <th>column head</th>
    <th>column head</th>
  </tr>
  <tr>
    <td>data</td>
	<td>data</td>
    <td>data</td>
  </tr>
</table>
<table width="50%" border="1">
  <caption>
    row header and column header (3)
  <caption>
  <col>
  <colgroup span="2"></colgroup>
  <tr>
    <td rowspan="2"></td>
    <th colspan="2" scope="colgroup">col head</th>
  </tr>
  <tr>
    <th scope="col">col head</th>
    <th scope="col">col head</th>
  </tr>
  <tr>
    <th scope="row">row head</th>
    <td>data</td>
    <td>data</td>
  </tr>
</table>
<table width="50%" border="1">
  <caption>
    row header and column header (4)
  <caption>
  <tr>
    <th rowspan="2" scope="rowgroup">row head</th>
    <th scope="col">col head</th>
  </tr>
  <tr>
    <th scope="row">row head</th>
  </tr>
</table>
</div>
<p id="description"></p>
<div id="console"></div>
<script>
description("This tests that AXRoles for header cells are assigned.");

if (window.testRunner)
    testRunner.dumpAsText();
if (window.accessibilityController) {
    buildAccessibilityTree(accessibilityController.accessibleElementById('container'), 0, 1, ['AXColumn', 'AXTableHeaderContainer']);
}
</script>
